<div class="page navbar-fixed toolbar-fixed no-swipeback" data-page="aboutmessage">
	<div class="navbar">
			<div class="navbar-inner">
				<div class="left">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				</div>
				<div class="center">
					<span style="color: white;font-weight: 600;">消息</span>
				</div>
				<div class="right">
					<a href="html/maillist/maillist.html" class="item-link">
						<span style="color: rgba(255, 255, 255, 0.79);">通讯录</span>
					</a>
				</div>
			</div>
	</div>
	<div class="toolbar tabbar tabbar-labels">
		<div class="toolbar-inner">
			<div class="row" style="width:100%">
				<!-- Each "cell" has col-[widht in percents] class -->
				<div class="col-20">
					<a href="html/maillist/aboutmessage.html" class="a-link item-link item-link no-animation active" style="padding-top:2px;text-align: center;">
						<div class="toolbar-foot-up">
							<img src="image/toolbarimage/message_blue.png"  width="40%"/>
						</div>
						<div class="toolbar-foot-down"><span class="tabbar-label" style="text-align: center;">消息</span></div>
					</a>
				</div>
				<div class="col-20">
					<a href="html/maillist/maillist.html" class="a-link item-link item-link no-animation" style="padding-top:2px;text-align: center;">
						<div class="toolbar-foot-up">
							<img src="image/toolbarimage/addressbook_dark.png" width="40%" />
						</div>
						<div class="toolbar-foot-down"><span class="tabbar-label" style="text-align: center;">通讯录</span></div>
					</a>
				</div>
				<div class="col-20">
					<a href="html/community/communityMain.html" class="a-link item-link item-link no-animation " style="padding-top:2px;text-align: center;">
						<div class="toolbar-foot-up">
							<img src="image/toolbarimage/circle_dark.png" width="40%"/>
						</div>
						<div class="toolbar-foot-down"><span class="tabbar-label" style="text-align: center;">圈</span></div>
					</a>
				</div>
				<div class="col-20">
					<a href="html/nearby/nearbyMain.html" class="a-link item-link item-link no-animation" style="padding-top:2px;text-align: center;">
						<div class="toolbar-foot-up">
							<img src="image/toolbarimage/nearby_dark.png" width="40%" />
						</div>
						<div class="toolbar-foot-down"><span class="tabbar-label" style="text-align: center;">附近</span></div>
					</a>
				</div>
				<div class="col-20">
					<a href="html/user/userInfo.html" class="a-link item-link item-link no-animation" style="padding-top:2px;text-align: center;">
						<div class="toolbar-foot-up">
							<img src="image/toolbarimage/mine_dark.png" width="40%" />
						</div>
						<div class="toolbar-foot-down"><span class="tabbar-label" style="text-align: center;">我</span></div>
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="page-content navbar-fixed toolbar-fixed">
		<div class="list-block media-list" style="margin-top: 0px;">
			<ul id="im-messagelist-list">
				<li id="im-group-notification" class="swipeout" style="display:none">
					 <div class="swipeout-content">
						<a href="html/maillist/aboutgroup.html?mtype=GROUP" class="item-content item-link" style="padding-left: 8px;">
							<div class="item-media"><img src="image/aboutmessage/quantongzhi.jpg" width="50" height="50" style="-webkit-border-radius: 6px;"></div>
							<div class="item-inner">
								<div class="item-title-row" style="background: none;padding-right: 0px;">
									<div class="item-title"><span style="font-weight: 300; color: #555555;">圈通知</span></div>
									<div class="item-after" style="font-size:10px;">5-28</div>
								</div>
							</div>
						</a>
					</div>
					<div class="swipeout-actions-right">
    					<a href="#" class="swipeout-delete" onclick="im_removeGroupNotification()">删除</a>
					</div>
				</li>
				<li>
					<a href="#" class="item-content item-link" style="padding-left: 8px;">
						<div class="item-media"><img src="image/aboutmessage/huiyuanzhongxin.jpg" width="50" height="50" style="-webkit-border-radius: 6px;"></div>
						<div class="item-inner">
							<div class="item-title-row" style="background: none;padding-right: 0px;">
								<div class="item-title"><span style="font-weight: 300; color: #555555;">哦脉会员中心</span></div>
								<div class="item-after" style="font-size:10px;">5-28</div>
							</div>
							<div class="item-text" style="height: auto;">&nbsp;</div>
						</div>
					</a>
				</li>
				<li>
					<a href="#" class="item-content item-link" style="padding-left: 8px;">
						<div class="item-media"><img src="image/aboutmessage/oumia.jpg" width="50" height="50" style="-webkit-border-radius: 6px;"></div>
						<div class="item-inner">
							<div class="item-title-row" style="background: none;padding-right: 0px;">
								<div class="item-title"><span style="font-weight: 300; color: #555555;">哦脉</span></div>
								<div class="item-after" style="font-size:10px;">5-28</div>
							</div>
							<div class="item-text" style="height: auto;">&nbsp;</div>
						</div>
					</a>
				</li>
				<li>
					<a href="#" class="item-content item-link" style="padding-left: 8px;">
						<div class="item-media"><img src="image/aboutmessage/dongtaitongzhi.jpg" width="50" height="50" style="-webkit-border-radius: 6px;"></div>
						<div class="item-inner">
							<div class="item-title-row" style="background: none;padding-right: 0px;">
								<div class="item-title"><span style="font-weight: 300; color: #555555;">动态通知</span></div>
								<div class="item-after" style="font-size:10px;">5-14</div>
							</div>
							<div class="item-text" style="height: auto;">&nbsp;</div>
						</div>
					</a>
				</li>
				<li>
					<a href="#" class="item-content item-link" style="padding-left: 8px;">
						<div class="item-media"><img src="image/aboutmessage/dazhaohu.jpg" width="50" height="50" style="-webkit-border-radius: 6px;"></div>
						<div class="item-inner">
							<div class="item-title-row" style="background: none;padding-right: 0px;">
								<div class="item-title"><span style="font-weight: 300; color: #555555;">打招呼</span></div>
								<div class="item-after" style="font-size:10px;">5-7</div>
							</div>
							<div class="item-text" style="height: auto;">&nbsp;</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>